
<div class="jumbotron">
  <h5 class="my-3">父组件和子组件通过服务来通讯</h5>
  <p>父组件和它的子组件共享同一个服务，利用该服务在组件内部实现双向通讯。
    该服务实例的作用域被限制在父组件和其子组件内。这个组件子树之外的组件将无法访问该服务或者与它们通讯。</p>
</div>

<hr />
<h5 class="my-3">providers服务</h5>
<pre><code [highlight]="code.pCode"></code></pre>
<hr />

<h5 class="my-3">父组件</h5>
<pre><code [highlight]="code.htmlCode"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode"></code></pre>
</div>

<hr />
<h5 class="my-3">子组件</h5>
<pre><code [highlight]="code.htmlCode1"></code></pre>

<div class="code-dark">
<pre><code [highlight]="code.tsCode1"></code></pre>
</div>